<script type="text/html" template lay-done="layui.data.theme();">
  {{#
  var local = layui.data(layui.setter.tableName),
  theme = local.theme || {},
  themeColorIndex = parseInt((theme && theme.color) ? theme.color.index : 0) || 0;
  }}

  <div class="layui-card-header">
    配色方案
  </div>
  <div class="layui-card-body layadmin-setTheme">
    <ul class="layadmin-setTheme-color">
      {{# layui.each(layui.setter.theme.color, function(index, item){ }}
      <li layadmin-event="setTheme" data-index="{{ index }}" data-alias="{{ item.alias }}" title="{{ item.alias }}"
          {{# if(index === themeColorIndex){ }} class="layui-this"{{# } }}>
        <div class="layadmin-setTheme-header" style="background-color: {{ item.header }};"></div>
        <div class="layadmin-setTheme-side" style="background-color: {{ item.main }};">
          <div class="layadmin-setTheme-logo" style="background-color: {{ item.logo }};"></div>
        </div>
      </li>
      {{# }); }}
    </ul>
  </div>
</script>

<script>
  layui.data.theme = function () {
    layui.use('form', function () {
      var form = layui.form,
              admin = layui.admin;

      //监听隐藏开关
      form.on('switch(system-theme-sideicon)', function () {
        admin.theme({
          hideSideIcon: this.checked
        });
      });
    });
  };
</script>